{extend name="public:_base_login" /}

{block name="css"}
<style type="text/css">
    .Validform_checktip {
        display: none!important;
    }
</style>
{/block}

{block name="main"}

<!-- PC顶部 -->
<div class="container-fluid navTop cont-pc">

    <div class="container topCont">
        <!-- 用户 -->
        <div class="pull-left">

            <!-- LOGO -->
            <div class="navLogo" id="logo">
                <a href="{:request()->root(true)}">
                    <img src="__PUBLIC__/uploads/image/{$system.LOGO.value}" alt="该链接已失效">
                </a>
            </div>
            <!--# LOGO -->

        </div>
        <!-- #用户 -->

        <!-- 相关信息 -->
        <div class="pull-right">
            <div class="user_topCont_phone">
                <i class="glyphicon glyphicon-earphone"></i>客服热线：{$system.advisory.value}
            </div>

            <div class="user_topCont_cont">
                <em class="user_weixin" title="微信公众号"><img src="__STATIC__/user/images/user_weixin.png"></em>
                <em class="user_shouji" title="移动app"><img src="__STATIC__/user/images/user_shouji.png"></em>
                <b class="user_none user_weixin_img">
                    <img src="__PUBLIC__/uploads/image/{$system.code.value}">
                </b>

                <b class="user_none user_shouji_img">
                    <img src="__PUBLIC__/uploads/image/{$system.code.value}">
                </b>
            </div>
        </div>
        <!-- #相关信息 -->
    </div>

</div>
<!-- #PC顶部 -->

<!-- 登录,注册 -->
<div class="container-fluid login-reg">

    <div class="login-reg-bg" style="display: none">
        <img src="__STATIC__/user/images/login-pc.jpg">
    </div>

    <div class="container wrap"id="wrap">
        <!-- 中间内容 -->
        <div class="register-wrap" id="register-wrap">
            <!-- 左边大图 -->
            <div class="pic" id="pic">
                <img src="__STATIC__/admin/login/images/login-left.jpg" alt="该链接已失效"/>
            </div>
            <!-- #左边大图 -->

            <!-- 表单 -->
            <div class="register"id="register">
                <!-- 登录注册切换 -->
                <div class="register-top" id="reg-top">
                    <h2 class="normal" id="normal">普通登录</h2>
                    <h2 class="nopassword" id="nopw">用户注册</h2>
                    <a  id="qrcode"href="#"></a>
                </div>
                <!-- #登录注册切换 -->

                <!-- 用户登录 -->
                <div class="register-con" id="rc">
                    <form class="form form-horizontal" action="{:url('login/login')}" method="post" id="form">
                        <ul>
                            <li class="form-group">
                                <input class="form-control" name="name" type="text" placeholder="{:lang('Please fill in the account')}" datatype="*" nullmsg="{:lang('Please fill in the account')}" >
                            </li>

                            <li class="form-group">
                                <input class="form-control" name="password" type="password" placeholder="{:lang('enter password')}" datatype="*" nullmsg="{:lang('enter password')}">
                            </li>

                            <li class="form-group">
                                <div class="" style="width: 50%;float: left;">
                                    <input class="form-control" name="captcha" type="text" placeholder="{:lang('code')}" datatype="*" nullmsg="{:lang('code')}" >
                                </div>

                                <div class="" style="width: 50%;float: right;">
                                    <img style="width: 100%;" id="captcha" src='{:captcha_src()}' onclick='this.src = "{:captcha_src()}"' alt='{:lang('code')}' title='看不清验证码，点击刷新!'/>
                                </div>
                            </li>

                            <li class="read">
                                <input type="checkbox" class="ck" name="check" value="1" checked="checked"/>
                                <b>2周内自动登录</b>
                                <a href="#">忘记密码？</a>
                            </li>

                            <li>
                                <button class="submit" type="submit" id="login-btn" style="border-radius:5px;">立即登录</button>
                            </li>
                        </ul>
                    </form>
                </div>
                <!-- #用户登录 -->

                <!-- 用户注册 -->
                <div class="login-con" id="lc">
                    <form class="form form-horizontal" action="{:url('login/reg')}" method="post" id="formreg">
                        <ul>
                            <li class="form-group">
                                <input class="form-control" name="name" type="text" placeholder="{:lang('Please fill in the account')}" datatype="*" nullmsg="{:lang('Please fill in the account')}" >
                            </li>

                            <li class="form-group">
                                <input class="form-control" name="password" type="password" placeholder="{:lang('enter password')}" datatype="*6-16" nullmsg="{:lang('enter password')}" errormsg="{:lang('Password range between 6 ~ 16!')}">
                            </li>

                            <li class="form-group">
                                <input class="form-control" name="password_confirm" type="password" placeholder="{:lang('confirm password')}" datatype="*" recheck="password" nullmsg="{:lang('Please re-enter the password!')}" errormsg="{:lang('You enter the account password twice inconsistent!')}">
                            </li>

                            <li class="form-group">
                                <input class="form-control" name="mobile" type="text" placeholder="{:lang('phone')}" datatype="m" nullmsg="{:lang('phone')}">
                            </li>

                            <li class="form-group">
                                <input class="form-control" name="mail" type="mail" placeholder="{:lang('email')}" datatype="e" nullmsg="{:lang('email')}">
                            </li>

                            <li class="form-group">
                                <div class="" style="width: 50%;float: left;">
                                    <input class="form-control" name="captcha" type="text" placeholder="{:lang('code')}" datatype="*" nullmsg="{:lang('code')}" >
                                </div>

                                <div class="" style="width: 50%;float: right;">
                                    <img style="width: 100%;" id="captcha" src='{:captcha_src()}' onclick='this.src = "{:captcha_src()}"' alt='{:lang('code')}' title='看不清验证码，点击刷新!'/>
                                </div>
                            </li>

                            <li class="read">
                                <input type="checkbox" class="ck" name="check" value="1" checked="checked"/>
                                <b>2周内自动登录</b>
                                <a href="{:url('login/checkpwd')}">{:lang('Forget password')}？</a>
                            </li>

                            <li>
                                <button class="submit" type="submit" style="border-radius:5px;">立即注册</button>
                            </li>
                        </ul>
                    </form>
                </div>
                <!-- #用户注册 -->

                <!-- 扫码登录 -->
                <div class="saoma" id="sm">
                    <div class="screen-tu" id="screen"></div>

                    <div class="saoyisao">
                        <i></i>
                        <span>扫一扫登录手机官网</span>
                    </div>

                    <div class="qr-code">
                        <img title="{$system.title.value}" alt="{$system.title.value}" src="__PUBLIC__/uploads/image/{$system.code.value}"/>
                    </div>
                </div>
                <!-- #扫码登录 -->
            </div>
            <!-- #表单 -->
        </div>
        <!-- #中间内容 -->
    </div>

</div>
<!-- #登录,注册 -->

<!-- 电话,联系客服 -->
<div class="container-fluid login-kefu">

    <div class="container kefu-cont">

        <div class="kefu-phone">
            <h3>{:lang('24 hours a nationwide free service hotline')}</h3>
            <p><img src="__STATIC__/user/images/ctel.png"><font>{$system.advisory.value}</font></p>
        </div>

        <div class="kefu-online">
            <span>免费备案</span>
            <span class="kefu-line">|</span>
            <span>如需联系客服请点击</span>


            <a class="qq-online" href="javascript:void(0);" onclick="javascript:window.open('http://wpa.qq.com/msgrd?v=3&uin=253215646&site=qq&menu=yes', '_blank', 'height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');">
                 <i class="fa fa-qq"></i>客服在线
            </a>
        </div>

    </div>

</div>
<!-- #电话,联系客服 -->

<!-- 底部 -->
<div class="login-footer">

    <!-- 内容 -->
    <div class="container footer-wrap">

        <!-- 底部上.相关内容 -->
        <div class="footer-wrap-top">

            <div class="footer-wrap-nav">
                <ul>
                    <li>
                        <a href="{:request()->root(true)}">鼎联官网</a>
                    </li>

                    <li>
                        <a href="{:request()->root(true)}">鼎联起源</a>
                    </li>

                    <li>
                        <a href="{:request()->root(true)}">商业价值</a>
                    </li>

                    <li>
                        <a href="{:request()->root(true)}">商城解决方案</a>
                    </li>

                    <li>
                        <a href="{:request()->root(true)}">微信运营</a>
                    </li>

                    <li>
                        <a href="{:request()->root(true)}">互联网大小事</a>
                    </li>

                    <li>
                        <a href="{:request()->root(true)}">行业案例</a>
                    </li>
                </ul>
            </div>

        </div>
        <!-- 底部上.相关内容 -->

        <!-- 底部下.信息 -->
        <div class="footer-wrap-bottom">{$system.count.value}</div>
        <!-- #底部下.信息 -->
    </div>
    <!-- #内容 -->

</div>
<!-- #底部 -->

{/block}


{block name="js"}

<!-- bootstrap js固定 -->
<script src="__STATIC__/admin/login/js/jquery.js"></script>
<script src="__STATIC__/admin/login/js/bootstrap.js"></script>

<!-- 动画效果插件 -->
<script src="__STATIC__/admin/login/js/wow.min.js"></script>

<script src="__STATIC__/admin/login/js/work.js"></script>

<script type="text/javascript">
    $(function(){
        // 动画效果
        wows();
        // 判断用户登录注册背景图高度
        // loginBg();
        // 浏览器高度
        BrowserHeight();
    });
</script>

<script type="text/javascript" src="__STATIC__/admin/hui/lib/Validform/v5.3.2/Validform_v5.3.2_min.js"></script>
<script>
    // 登录
    $("#form").Validform({
        tiptype: 2,
        ajaxPost: true,
        showAllError: true,
        callback: function (data) {
            if (data.status == "y") {
                location.href = '{$Request.get.callback ?: \\think\\Url::build("index/index")}';
            } else {
                setTimeout(function () {
                    $.Hidemsg(); //公用方法关闭信息提示框;显示方法是$.Showmsg("message goes here.");
                }, 1500);
                $("#captcha").click();
                $("[name='captcha']").val('');
            }
        }
    });

    // 注册
    $("#formreg").Validform({
        tiptype: 2,
        ajaxPost: true,
        showAllError: true,
        callback: function (data) {
            if (data.status == "y") {
                location.href = '{$Request.get.callback ?: \\think\\Url::build("index/index")}';
            } else {
                setTimeout(function () {
                    $.Hidemsg(); //公用方法关闭信息提示框;显示方法是$.Showmsg("message goes here.");
                }, 1500);
                $("#captcha").click();
                $("[name='captcha']").val('');
            }
        }
    });
</script>
{/block}
